<template>
  <div class="mine">
    <div class="top">
      <div v-show="!isShow">
        <p>欢迎来到四季花都</p>
        <p @click="$router.push({name:'Login'})">登录/注册</p>
      </div>
      <div class="M-logo" v-show="isShow">
        <img src="../assets/logo2.png" alt />
        <br />
        <span class="log-tel">
          欢迎您：
          <span>{{tel}}</span>
        </span>
      </div>
      <div class="order">
        <div class="order-top">
          <span>我的订单</span>
          <router-link style="color:#2C3E50" to="/allorder">
            <span>全部订单></span>
          </router-link>
          
        </div>
        <div class="order-bottom">
          <figure>
            <i class="iconfont icon-daifukuan"></i>
            <figcaption>待付款</figcaption>
          </figure>
          <figure>
            <i class="iconfont icon-distribution"></i>
            <figcaption>今日配送</figcaption>
          </figure>
          <figure>
            <i class="iconfont icon-daipingjia"></i>
            <figcaption>待评价</figcaption>
          </figure>
        </div>
      </div>
    </div>
    <div class="collection">
      <div class="row">
        <figure>
          <i class="iconfont icon-qiaquan"></i>
          <figcaption>权益卡</figcaption>
        </figure>
        <figure>
          <i class="iconfont icon-diamonds"></i>
          <figcaption>会员积分</figcaption>
        </figure>
        <figure>
          <i class="iconfont icon-youhuiquan"></i>
          <figcaption>优惠券</figcaption>
        </figure>
        <figure>
          <i class="iconfont icon-naozhong"></i>
          <figcaption>生日提醒</figcaption>
        </figure>
      </div>
      <div class="row">
        <figure @click="$router.push({name:'Pay'})">
          <i class="iconfont icon-xingxing"></i>
          <figcaption>我的收藏</figcaption>
        </figure>
        <figure @click="$router.push({name:'Delivery'})">
          <i class="iconfont icon-dizhi"></i>
          <figcaption>收货地址</figcaption>
        </figure>
        <figure>
          <i class="iconfont icon-yue"></i>
          <figcaption>余额</figcaption>
        </figure>
        <figure>
          <i class="iconfont icon-lishijilu"></i>
          <figcaption>浏览记录</figcaption>
        </figure>
      </div>
    </div>
    <div class="perservice">
      <div>
        <van-image round width="0.4rem" height="0.4rem" src="https://img.yzcdn.cn/vant/cat.jpeg" />
        <p>专属秘书|格格</p>
        <p @click="$router.push({name:'Login'})">加我微信</p>
      </div>
      <div>
        <span></span>
        <span></span>
        <p>Hi~我是你的专属秘书格格，添加我的微信flowertomb,我将帮你催单，有必要时帮你一对一绿色通道进行处理</p>
      </div>
    </div>
    <div class="help-card">
      <figure>
        <i class="iconfont icon-kefu"></i>
        <figcaption>联系客服</figcaption>
      </figure>
      <figure @click="$router.push({name:'Helpcenter'})">
        <i class="iconfont icon-Group-"></i>
        <figcaption>帮助中心</figcaption>
      </figure>
      <figure>
        <i class="iconfont icon-guanyu"></i>
        <figcaption>关于花礼</figcaption>
      </figure>
      <figure @click="$router.push({name:'Service'})">
        <i class="iconfont icon-shezhi"></i>
        <figcaption>设置</figcaption>
      </figure>
    </div>
  </div>
</template>
<script scoped>
export default {
  data() {
    return {
      isShow: "",
      tel: ""
    };
  },
  created() {
    let b = localStorage.getItem("userid");
    this.isShow = b;

    this.tel = localStorage.getItem("ipnum");
    console.log(this.tel);
  }
};
</script>
<style scoped>
@import "../css/mine.css";
</style>